<script setup lang="ts" name="msgLogs">
import LogsData from '@/components/index/message/logsData.vue'
import Null from '@/components/resultNull.vue'
import useMsgLogs from '@/components/index/message/hooks/msgLogs'
const { userTarget, logsData } = useMsgLogs()
</script>

<template>
  <div>
    <b>{{ userTarget.name }}</b>
    <component :is="Object.entries(logsData).length === 0 ? Null : LogsData"></component>
  </div>
</template>

<style scoped lang="less">
b {
  display: block;
  width: 100%;
  height: 36px;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  background-color: var(--color2);
  border-radius: var(--radius) var(--radius) 0 0;
  color: var(--color3);
}
</style>
